<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>myLogin</title>
	<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
	<script type="text/javascript">
        function login() {
            $.ajax({
                type: "POST",
                dataType: "json",//预期服务器返回的数据类型
                url: "/Project3_Login/myLogin.html" ,
                data: $('#form1').serialize(),
                success: function (password) {
                    console.log(password);//打印服务端返回的数据(调试用)
                    if (password == 123) {
                        alert("SUCCESS");
                    }
                    ;
                },
                error : function() {
                    alert("登录失败！");
                }
            });
        }
    </script>
    <style type="text/css">
    	.div1{
    		width: 300px;
    	}
    </style>
</head>
<body>
	<center>
	<br><br><br>
		<div class="div1">				
			<form id="form1" method="post">
				<div class="input-group">
				  <input type="text" class="form-control" placeholder="请输入用户名">
				  <span class="input-group-addon" id="basic-addon2">@</span>
				  <input type="text" class="form-control">
				</div>
				<br>
		        <!-- <p>用户名：<input name="userName" type="text" id="txtUserName" tabindex="1" size="15" value=""/></p> -->
		        <input name="password" type="password" class="form-control" id="TextBox2" tabindex="2" value="" placeholder="请输入密码"><br>
		        <!-- <input name="password" type="password" id="TextBox2" tabindex="2" size="16" value="" placeholder="请输入密码"></p> -->
		        <input type="submit" name=""  value="登录" >
		        <!-- <p><input type="button" value="登录" onclick="login()">&nbsp;&nbsp;&nbsp;<input type="reset" value="重置"></p> -->
		    </form>    
		</div>
	</center>	
</body>
</html>